<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>加入我们</title>  
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Wx/css/base.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Wx/css/index.css" />
</head>
<body>
<div class="join">
    <div class="banner"><img src="__PUBLIC__/Wx/images/banner-join.jpg"/></div>
    <div class="joinlist">
        <ul>
            <li>
                <div class="icon"><img src="__PUBLIC__/Wx/img/my-icon01.png"/></div>
                <div class="word">
                    <h2>我是家庭用户</h2>
                    <p>希望买偏远山区的原生态农产品</p>
                </div>
                <span class="click click1"></span>
                <div class="slide slide1">
                <form id="f_1">
                    <ul><input type="hidden" name="type" value="1">
                        <li>
                            <span>我的姓名：</span><input name="name" type="text" placeholder="请填写您的名字*必填" required/>
                        </li>
                        <li>
                            <span></span><div class="select01"><label class="checked"><input checked="checked" onSelect="" name="sex" type="radio" value="0" />先生 </label><label><input name="sex" type="radio" value="1" />女士 </label></div>
                        </li>
                        <li>
                            <span>我的邮箱：</span><input name="email" type="text" placeholder="请填写您的邮箱"/>
                        </li>
                        <li>
                            <span>我的电话：</span><input  pattern="(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$" name="tel" type="text" placeholder="请填写您的电话*必填" required/>
                        </li>
                        <li>
                            <span>我的地址：</span><input name="address" type="text" placeholder="请填写您的详细地址"/>
                        </li>
                    </ul>
                </form>    
                    <div class="sure"><input type="button" onClick="submit(1)" value="提交"/><input onClick="window.location.href='__MODULE__/'" type="button" value="取消"/></div>
                    <p>您好，我们会在24小时之内通过邮件的形式或者电话与您联系</p>
                </div>
            </li>
            <li>
                <div class="icon"><img src="__PUBLIC__/Wx/img/my-icon02.png"/></div>
                <div class="word">
                    <h2>我是社区生鲜店</h2>
                    <p>愿意成为社区帮扶偏远山村的纽带，做好服务</p>
                </div>
                <span class="click click2"></span>
                <div class="slide slide2">
                <form id="f_2">
                    <ul><input type="hidden" name="type" value="2">
                        <li>
                            <span>我的姓名：</span><input name="name" type="text" placeholder="请填写您的名字*必填" required/>
                        </li>
                        <li>
                            <span></span><div class="select01"><label class="checked"><input checked="checked" onSelect="" name="sex" type="radio" value="0" />先生 </label><label><input name="sex" type="radio" value="1" />女士 </label></div>
                        </li>
                        <li>
                            <span>我的邮箱：</span><input name="email" type="text" placeholder="请填写您的邮箱"/>
                        </li>
                        <li>
                            <span>我的电话：</span><input  pattern="(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$" name="tel" type="text" placeholder="请填写您的电话*必填" required/>
                        </li>
                        <li>
                            <span>我的地址：</span><input name="address" type="text" placeholder="请填写您的详细地址"/>
                        </li>
                    </ul>
                </form>    
                    <div class="sure"><input type="button" onClick="submit(2)" value="提交"/><input onClick="window.location.href='__MODULE__/'" type="button" value="取消"/></div>
                    <p>您好，我们会在24小时之内通过邮件的形式或者电话与您联系</p>
                </div>
            </li>
            <li>
                <div class="icon"><img src="__PUBLIC__/Wx/img/my-icon03.png"/></div>
                <div class="word">
                    <h2>我家在农村</h2>
                    <p>愿意回家种好地，照顾老人和孩子</p>
                </div>
                <span class="click click3"></span>
                <div class="slide slide3">
                <form id="f_3">
                    <ul><input type="hidden" name="type" value="3">
                        <li>
                            <span>我的姓名：</span><input name="name" type="text" placeholder="请填写您的名字*必填" required/>
                        </li>
                        <li>
                            <span></span><div class="select01"><label class="checked"><input checked="checked" onSelect="" name="sex" type="radio" value="0" />先生 </label><label><input name="sex" type="radio" value="1" />女士 </label></div>
                        </li>
                        <li>
                            <span>我的邮箱：</span><input name="email" type="text" placeholder="请填写您的邮箱"/>
                        </li>
                        <li>
                            <span>我的电话：</span><input  pattern="(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$" name="tel" type="text" placeholder="请填写您的电话*必填" required/>
                        </li>
                        <li>
                            <span>我的地址：</span><input name="address" type="text" placeholder="请填写您的详细地址"/>
                        </li>
                    </ul>
                </form>    
                    <div class="sure"><input type="button" onClick="submit(3)" value="提交"/><input onClick="window.location.href='__MODULE__/'" type="button" value="取消"/></div>
                    <p>您好，我们会在24小时之内通过邮件的形式或者电话与您联系</p>
                </div>
            </li>
            <li>
                <div class="icon"><img src="__PUBLIC__/Wx/img/my-icon04.png"/></div>
                <div class="word">
                    <h2>我是机构</h2>
                    <p>我们单位愿意在偏远山区定植食材</p>
                </div>
                <span class="click click4"></span>
                <div class="slide slide4">
                <form id="f_4">
                    <ul><input type="hidden" name="type" value="4">
                        <li>
                            <span>我的姓名：</span><input name="name" type="text" placeholder="请填写您的名字*必填" required/>
                        </li>
                        <li>
                            <span></span><div class="select01"><label class="checked"><input checked="checked" onSelect="" name="sex" type="radio" value="0" />先生 </label><label><input name="sex" type="radio" value="1" />女士 </label></div>
                        </li>
                        <li>
                            <span>我的邮箱：</span><input name="email" type="text" placeholder="请填写您的邮箱"/>
                        </li>
                        <li>
                            <span>我的电话：</span><input  pattern="(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$" name="tel" type="text" placeholder="请填写您的电话*必填" required/>
                        </li>
                        <li>
                            <span>我的地址：</span><input name="address" type="text" placeholder="请填写您的详细地址"/>
                        </li>
                    </ul>
                </form>    
                    <div class="sure"><input type="button" onClick="submit(4)" value="提交"/><input onClick="window.location.href='__MODULE__/'" type="button" value="取消"/></div>
                    <p>您好，我们会在24小时之内通过邮件的形式或者电话与您联系</p>
                </div>
            </li>
            <li>
                <div class="icon"><img src="__PUBLIC__/Wx/img/my-icon05.png"/></div>
                <div class="word">
                    <h2>我是品牌</h2>
                    <p>我们愿意为社区扶贫提供支持</p>
                </div>
                <span class="click click5"></span>
                <div class="slide slide5">
                <form id="f_5">
                    <ul><input type="hidden" name="type" value="5">
                        <li>
                            <span>我的姓名：</span><input name="name" type="text" placeholder="请填写您的名字*必填" required/>
                        </li>
                        <li>
                            <span></span><div class="select01"><label class="checked"><input checked="checked" onSelect="" name="sex" type="radio" value="0" />先生 </label><label><input name="sex" type="radio" value="1" />女士 </label></div>
                        </li>
                        <li>
                            <span>我的邮箱：</span><input name="email" type="text" placeholder="请填写您的邮箱"/>
                        </li>
                        <li>
                            <span>我的电话：</span><input  pattern="(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$" name="tel" type="text" placeholder="请填写您的电话*必填" required/>
                        </li>
                        <li>
                            <span>我的地址：</span><input name="address" type="text" placeholder="请填写您的详细地址"/>
                        </li>
                    </ul>
                </form>    
                    <div class="sure"><input type="button" onClick="submit(5)" value="提交"/><input onClick="window.location.href='__MODULE__/'" type="button" value="取消"/></div>
                    <p>您好，我们会在24小时之内通过邮件的形式或者电话与您联系</p>
                </div>
            </li>
            <li>
                <div class="icon"><img src="__PUBLIC__/Wx/img/my-icon06.png"/></div>
                <div class="word">
                    <h2>我要成为城市合伙人</h2>
                    <p>希望能帮助每个社区都能对接村庄，让社区和村庄就像
                        亲戚、朋友一样</p>
                </div>
                <span class="click click6"></span>
                <div class="slide slide6">
                <form id="f_6">
                    <ul><input type="hidden" name="type" value="6">
                        <li>
                            <span>我的姓名：</span><input name="name" type="text" placeholder="请填写您的名字*必填" required/>
                        </li>
                        <li>
                            <span></span><div class="select01"><label class="checked"><input checked="checked" onSelect="" name="sex" type="radio" value="0" />先生 </label><label><input name="sex" type="radio" value="1" />女士 </label></div>
                        </li>
                        <li>
                            <span>我的邮箱：</span><input name="email" type="text" placeholder="请填写您的邮箱"/>
                        </li>
                        <li>
                            <span>我的电话：</span><input  pattern="(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$" name="tel" type="text" placeholder="请填写您的电话*必填" required/>
                        </li>
                        <li>
                            <span>我的地址：</span><input name="address" type="text" placeholder="请填写您的详细地址"/>
                        </li>
                    </ul>
                </form>    
                    <div class="sure"><input type="button" onClick="submit(6)" value="提交"/><input onClick="window.location.href='__MODULE__/'" type="button" value="取消"/></div>
                    <p>您好，我们会在24小时之内通过邮件的形式或者电话与您联系</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="bott"><img src="__PUBLIC__/Wx/images/pic34.jpg"/></div>
</div>
<script type="text/javascript" src="__PUBLIC__/Wx/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Wx/js/jquery.min.js"></script>
<script type="text/javascript">
    $(".click1").click(function(){
        var slide = $(this).siblings('.slide1');
        if($(this).hasClass("clicked")){
            $(this).removeClass("clicked");
            slide.slideUp(100);
        }else{
            $(this).addClass("clicked");
            slide.slideDown(100);
        }
    });
    $(".click2").click(function(){
        var slide = $(this).siblings('.slide2');
        if($(this).hasClass("clicked")){
            $(this).removeClass("clicked");
            slide.slideUp(100);
        }else{
            $(this).addClass("clicked");
            slide.slideDown(100);
        }
    });
    $(".click3").click(function(){
        var slide = $(this).siblings('.slide3');
        if($(this).hasClass("clicked")){
            $(this).removeClass("clicked");
            slide.slideUp(100);
        }else{
            $(this).addClass("clicked");
            slide.slideDown(100);
        }
    });
    $(".click4").click(function(){
        var slide = $(this).siblings('.slide4');
        if($(this).hasClass("clicked")){
            $(this).removeClass("clicked");
            slide.slideUp(100);
        }else{
            $(this).addClass("clicked");
            slide.slideDown(100);
        }
    });
    $(".click5").click(function(){
        var slide = $(this).siblings('.slide5');
        if($(this).hasClass("clicked")){
            $(this).removeClass("clicked");
            slide.slideUp(100);
        }else{
            $(this).addClass("clicked");
            slide.slideDown(100);
        }
    });
    $(".click6").click(function(){
        var slide = $(this).siblings('.slide6');
        if($(this).hasClass("clicked")){
            $(this).removeClass("clicked");
            slide.slideUp(100);
        }else{
            $(this).addClass("clicked");
            slide.slideDown(100);
        }
    });
	
function submit(num){
	var idname="#f_"+num;
	if($(idname+" input[name='name']").val()=='')alert("姓名为必填项！");
	if($(idname+" input[name='tel']").val()=='')alert("电话为必填项！");
	$.post('__MODULE__/Joinus/add/',{type:$(idname+" input[name='type']").val(),name:$(idname+" input[name='name']").val(),sex:$(idname+" input[name='sex']:checked").val(),email:$(idname+" input[name='email']").val(),tel:$(idname+" input[name='tel']").val(),address:$(idname+" input[name='address']").val()},function(data){
		if(data=="OK"){
			alert("提交成功！");
			window.location.href='__MODULE__/';
			}else{
				alert("提交失败！");
			}
	});
}//end fun	
</script>
</body>
</html>